* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  color: #666;
}

.token.selector {
  color: #666;
}

.token.property {
  color: #666;
}

.token.comment {
  color: #666;
}

/*定义滚动条样式*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 0.01rem;  
    height: 0.01rem;  
    background-color: #fff;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);  
    border-radius: 0.1rem;  
    background-color: #fff;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 0.1rem;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #fff;  
}

.test,.goon{
  animation: hidetip 1s 1;
  animation-fill-mode: forwards;
  -webkit-animation: hidetip 1s 1;
  -webkit-animation-fill-mode: forwards;
}
.showit{
  line-height: 1.5;
  animation: showtip 1s 1;
  animation-fill-mode: forwards;
  -webkit-animation: showtip 1s 1;
  -webkit-animation-fill-mode: forwards;
}
  
@keyframes hidetip {
  from {
    transform:scale(1, 1);
  }
  to {
    transform:scale(0, 0);
  }
}
  
@-webkit-keyframes hidetip {
  from {
    transform:scale(1, 1);
  }
  to {
    transform:scale(0, 0);
  }
}
@keyframes showtip {
  from {
    height: 49vh;
  }
  to {
    height: 99vh;
  }
}
  
@-webkit-keyframes showtip {
  from {
    height: 49vh;
  }
  to {
    height: 99vh;
  }
}